<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>华立插本成绩统计 - 非官方</title>
    <link href="/static/weui/css/weui.min.css" rel="stylesheet">
    <style>
        .footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            /* Set the fixed height of the footer here */
            height: 40px;
            padding-top: 10px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="page form_page js_show">
        <form action="{:url()}" method="post" class="weui-form">
            <div class="weui-form__text-area">
                <h2 class="weui-form__title">华立2020专插本成绩排名统计</h2>
                <div class="weui-form__desc">使用华立官方成绩查询接口，有效提高统计准确性，不支持其他院校，本网页仅用于技术学习交流，非官方</div>
            </div>
            <div  class="weui-form__control-area">
                <div class="weui-cells__group weui-cells__group_form">
                    <div class="weui-cells__title">考生信息</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell weui-cell_active">
                            <div class="weui-cell__hd"><label class="weui-label">考生号</label></div>
                            <div class="weui-cell__bd">
                                <input id="js_input" name="ksh" class="weui-input" placeholder="填写考生号">
                            </div>
                        </div>
                        <div class="weui-cell weui-cell_active">
                            <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                            <div class="weui-cell__bd">
                                <input id="js_input" name="xm" class="weui-input" placeholder="填写考生姓名">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-form__tips-area">
                <p class="weui-form__tips">
                    全校已查人数：{$headcount}
                </p>
            </div>
            <div class="weui-form__opr-area">
                {:token()}
                <button class="weui-btn weui-btn_primary" type="submit" id="showTooltips">确定</button>
            </div>
            <div class="weui-form__extra-area footer">
                <div class="weui-footer">
                    <p class="weui-footer__text">Copyright © @NipGeihou <span id="showIOSDialog2">反馈</span></p>
                </div>
            </div>
        </form>
    </div>
    <div id="dialogs">
        <!--BEGIN dialog2-->
        <div class="js_dialog" id="iosDialog2" style="display: none;">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__bd">
                    <p>微信：NipGeihou</p>
                </div>
                <div class="weui-dialog__ft">
                    <a href="javascript:" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
                </div>
            </div>
        </div>
        <!--END dialog2-->
    </div>
<!--    <div class="weui-toptips weui-toptips_warn" id="topTips" style="display: block; opacity: 1;">同学，九月华立见！😉</div>-->
</div>

<script src="/static/zui/lib/jquery/jquery.js"></script>
<script type="text/javascript" class="dialog js_show">
    $(function(){
        var $iosDialog1 = $('#iosDialog1'),
            $iosDialog2 = $('#iosDialog2'),
            $androidDialog1 = $('#androidDialog1'),
            $androidDialog2 = $('#androidDialog2');

        $('#dialogs').on('click', '.weui-dialog__btn', function(){
            $(this).parents('.js_dialog').fadeOut(200);
        });

        $('#showIOSDialog1').on('click', function(){
            $iosDialog1.fadeIn(200);
        });
        $('#showIOSDialog2').on('click', function(){
            $iosDialog2.fadeIn(200);
        });
        $('#showAndroidDialog1').on('click', function(){
            $androidDialog1.fadeIn(200);
        });
        $('#showAndroidDialog2').on('click', function(){
            $androidDialog2.fadeIn(200);
        });
    });</script>
</body>
</html>